<!DOCTYPE html>
  <!--[if lt IE 7]>
    <html class="lt-ie9 lt-ie8 lt-ie7" lang="en">
  <![endif]-->

  <!--[if IE 7]>
    <html class="lt-ie9 lt-ie8" lang="en">
  <![endif]-->

  <!--[if IE 8]>
    <html class="lt-ie9" lang="en">
  <![endif]-->

  <!--[if gt IE 8]>
    <!-->
    <html lang="en">
    <!--
  <![endif]-->

  <head>
    <meta charset="utf-8" />
    <title>Moon Light Admin</title>
    <meta name="author" content="Srinu Basava" />
    <meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta name="description" content="Moon Light Admin Admin UI" />
    <meta name="keywords" content="Moon Light Admin, Admin UI, Admin Dashboard, Srinu Basava" />
    <script src="js/html5-trunk.js"></script>
    <link href="icomoon/style.css" rel="stylesheet" />
    <!--[if lte IE 7]>
      <script src="css/icomoon-font/lte-ie7.js"></script>
    <![endif]-->

    <!-- bootstrap css -->
    <link href="css/main.css" rel="stylesheet" />
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-40571798-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
  <body>
    <header>
      <a href="index.html" class="logo">Moon Light Admin</a>
      <div id="mini-nav">
        <ul class="hidden-phone">
          <li><a href="timeline.html">Tasks</a></li>
          <li><a href="#">Signup's <span id="newSignup">06</span></a></li>
          <li class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
              Messages <span id="messagesCountDown">21</span>
              <b class="caret icon-white"></b>
            </a>
            <ul class="dropdown-menu pull-right">
              <li class="quick-messages">
                <img src="img/avatar-1.png" class="avatar" alt="Avatar" />
                <div class="message-date text-info">
                  <i>02 <span class="month">mins</span></i>
                </div>
                <div class="message-wrapper">
                  <h4 class="message-heading">Ubiquitous customized</h4>
                  <p class="message">
                    Enable impactful niches engage impactful 
                  </p>
                </div>
              </li>
              <li class="quick-messages">
                <img src="img/avatar-2.png" class="avatar" alt="Avatar" />
                <div class="message-date text-info">
                  <i>02 <span class="month">mins</span></i>
                </div>
                <div class="message-wrapper">
                  <h4 class="message-heading">Ubiquitous customized</h4>
                  <p class="message">
                    Enable impactful niches engage impactful 
                  </p>
                </div>
              </li>
              <li class="quick-messages">
                <img src="img/avatar-5.png" class="avatar" alt="Avatar" />
                <div class="message-date text-info">
                  <i>38 <span class="month">mins</span></i>
                </div>
                <div class="message-wrapper">
                  <h4 class="message-heading">Ubiquitous customized</h4>
                  <p class="message">
                    Enable impactful niches engage impactful 
                  </p>
                </div>
              </li>
              <li class="quick-messages">
                <img src="img/avatar-4.png" class="avatar" alt="Avatar" />
                <div class="message-date text-info">
                  <i>27 <span class="month">Apr</span></i>
                </div>
                <div class="message-wrapper">
                  <h4 class="message-heading">Ubiquitous customized</h4>
                  <p class="message">
                    Enable impactful niches engage impactful 
                  </p>
                </div>
              </li>
              <li class="quick-messages">
                <img src="img/avatar-6.png" class="avatar" alt="Avatar" />
                <div class="message-date text-info">
                  <i>18 <span class="month">Apr</span></i>
                </div>
                <div class="message-wrapper">
                  <h4 class="message-heading">Ubiquitous customized</h4>
                  <p class="message">
                    Enable impactful niches engage impactful 
                  </p>
                </div>
              </li>
            </ul>
          </li>
          <li><a href="login.html">Logout</a></li>
        </ul>
      </div>
    </header>

    <div class="container-fluid">
      <div id="mainnav" class="hidden-phone hidden-tablet">
        <ul>
          <li>
            <a href="index.html">
              <div class="icon">
                <span class="fs1" aria-hidden="true" data-icon="&#xe0a1;"></span>
              </div>
              Dashboard
            </a>
          </li>
          <li>
            <a href="charts.html">
              <div class="icon">
                <span class="fs1" aria-hidden="true" data-icon="&#xe097;"></span>
              </div>
              Charts
            </a>
          </li>
          <li class="active">
            <span class="current-arrow"></span>
            <a href="timeline.html">
              <div class="icon">
                <span class="fs1" aria-hidden="true" data-icon="&#xe047;"></span>
              </div>
              Timeline
            </a>
          </li>
          <li>
            <a href="tables.html">
              <div class="icon">
                <span class="fs1" aria-hidden="true" data-icon="&#xe14a;"></span>
              </div>
              Tables
            </a>
          </li>
          <li>
            <a href="forms.html">
              <div class="icon">
                <span class="fs1" aria-hidden="true" data-icon="&#xe0b8;"></span>
              </div>
              Forms
            </a>
          </li>
          <li>
            <a href="ui-elements.html">
              <div class="icon">
                <span class="fs1" aria-hidden="true" data-icon="&#xe0d2;"></span>
              </div>
              UI Elements
            </a>
          </li>
          <li>
            <a href="grid.html">
              <div class="icon">
                <span class="fs1" aria-hidden="true" data-icon="&#xe14c;"></span>
              </div>
              Grid
            </a>
          </li>
          <li>
            <a href="gallery.html">
              <div class="icon">
                <span class="fs1" aria-hidden="true" data-icon="&#xe00d;"></span>
              </div>
              Gallery
            </a>
          </li>
          <li>
            <a href="typography.html">
              <div class="icon">
                <span class="fs1" aria-hidden="true" data-icon="&#xe100;"></span>
              </div>
              Typography
            </a>
          </li>
          <li>
            <a href="icons.html">
              <div class="icon">
                <span class="fs1" aria-hidden="true" data-icon="&#xe0a9;"></span>
              </div>
              Icons
            </a>
          </li>
          <li>
            <a href="error.html">
              <div class="icon">
                <span class="fs1" aria-hidden="true" data-icon="&#xe0f4;"></span>
              </div>
              404
            </a>
          </li>
          <li>
            <a href="login.html">
              <div class="icon">
                <span class="fs1" aria-hidden="true" data-icon="&#xe088;"></span>
              </div>
              Login
            </a>
          </li>
        </ul>
      </div>
      
      <div class="dashboard-wrapper">
        
        <div class="main-container">
          <div class="navbar hidden-desktop">
            <div class="navbar-inner">
              <div class="container">
                <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar">
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </a>
                <div class="nav-collapse collapse navbar-responsive-collapse">
                  <ul class="nav">
                    <li>
                      <a href="index.html">Dashboard</a>
                    </li>
                    <li>
                      <a href="graphs.html">Charts</a>
                    </li>
                    <li>
                      <a href="timeline.html">Timeline</a>
                    </li>
                    <li>
                      <a href="tables.html">Tables</a>
                    </li>
                    <li>
                      <a href="forms.html">Forms</a>
                    </li>
                    <li>
                      <a href="ui-elements.html">UI Elements</a>
                    </li>
                    <li>
                      <a href="grid.html">Grid</a>
                    </li>
                    <li>
                      <a href="gallery.html">Gallery</a>
                    </li>
                    <li>
                      <a href="typography.html">Typography</a>
                    </li>
                    <li>
                      <a href="icons.html">Icons</a>
                    </li>
                    <li>
                      <a href="login.html">Login</a>
                    </li>
                    <li>
                      <a href="error.html">404</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>

          <div class="row-fluid">
            <div class="span12">
              <ul class="breadcrumb-beauty">
                <li>
                  <a href="index.html"><span class="fs1" aria-hidden="true" data-icon="&#xe002;"></span> Dashboard</a>
                </li>
                <li>
                  <a href="#">Timeline</a>
                </li>
              </ul>
            </div>
          </div>

          <br />

          <div class="row-fluid">
            <div class="span8">
              <div class="widget no-margin">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe047;"></span> Timeline
                  </div>
                </div>
                <div class="widget-body">
                  <div class="timeline clearfix">
                    <div class="mid-line"></div>
                    <div class="time-header info">
                      Today
                    </div>

                    <div class="left">
                      <div class="l-arrow"></div>
                      <div class="about-task">
                        <div class="header">Scalable rss <small class="text-success">24th Apr @8:25pm</small></div>
                        <p class="no-margin">
                          Metrics; whiteboard integrate AJAX-enabled initiatives sexy, "scalable rss-capable customized,".
                        </p>
                      </div>
                    </div>

                    <div class="right">
                      <div class="r-arrow"></div>
                      <div class="about-task">
                        <div class="header">Architectures <small class="text-info">24th Apr @7pm</small></div>
                        <p class="no-margin">
                          Mcalable rss-capable incentivize virtual standards-compliant architectures empower.
                        </p>
                      </div>
                    </div>

                    <div class="left">
                      <div class="l-arrow"></div>
                      <div class="about-task">
                        <div class="header">Clicks-and-mortar <small class="text-error">24th Apr @3pm</small></div>
                        <p class="no-margin">
                          Whiteboard "scalable rss-capable customized," technologies clicks-and-mortar, reinvent. 
                        </p>
                      </div>
                    </div>

                    <div class="right">
                      <div class="r-arrow"></div>
                      <div class="about-task">
                        <div class="header">Reinvent <small class="text-warning">24th Apr @1:30pm</small></div>
                        <p class="no-margin">
                          Scalable rss-capable "harness," bricks-and-clicks engage value clicks-and-mortar, reinvent.
                        </p>
                      </div>
                    </div>

                    <div class="right">
                      <div class="r-arrow"></div>
                      <div class="about-task">
                        <div class="header">Incentivize <small class="muted">24th Apr @8:45am</small></div>
                        <p class="no-margin">
                          Technologies incentivize virtual empower, bricks-and-clicks engage value clicks-and-mortar.
                        </p>
                      </div>
                    </div>

                    <div class="time-header completed">
                      Yesterday
                    </div>

                    <div class="right">
                      <div class="r-arrow"></div>
                      <div class="about-task">
                        <div class="header">Metrics <small class="text-warning">23rd Apr @11:55pm</small></div>
                        <p class="no-margin">
                          Metrics; whiteboard standards-compliant architectures engage value. 
                        </p>
                      </div>
                    </div>

                    <div class="left">
                      <div class="l-arrow"></div>
                      <div class="about-task">
                        <div class="header">Hello <small class="text-info">23rd Apr @4pm</small></div>
                        <p class="no-margin">
                          Mechnologies incentivize virtual standards-compliant architectures empower..
                        </p>
                      </div>
                    </div>

                    <div class="time-header error">
                      Last week
                    </div>

                    <div class="left">
                      <div class="l-arrow"></div>
                      <div class="about-task">
                        <div class="header">Whiteboard <small class="text-success">22nd Apr @9:25pm</small></div>
                        <p class="no-margin">
                          Metrics; whiteboard standards-compliant architectures engage value. 
                        </p>
                      </div>
                    </div>

                    <div class="right">
                      <div class="r-arrow"></div>
                      <div class="about-task">
                        <div class="header">Mechnologies <small class="text-error">21st Apr @7:35pm</small></div>
                        <p class="no-margin">
                          Mechnologies incentivize virtual standards-compliant architectures empower..
                        </p>
                      </div>
                    </div>
                    <div class="left">
                      <div class="l-arrow"></div>
                      <div class="about-task">
                        <div class="header">Engage value <small class="muted">20th Apr @4:32pm</small></div>
                        <p class="no-margin">
                          Metrics; whiteboard standards-compliant architectures engage value. 
                        </p>
                      </div>
                    </div>

                    <div class="time-header info">
                      Last month
                    </div>

                    <div class="left">
                      <div class="l-arrow"></div>
                      <div class="about-task">
                        <div class="header">Bricks-and-clicks <small class="text-warning">29th Mar @12pm</small></div>
                        <p class="no-margin">
                          Metrics; whiteboard standards-compliant architectures engage value. 
                        </p>
                      </div>
                    </div>

                    <div class="right">
                      <div class="r-arrow"></div>
                      <div class="about-task">
                        <div class="header">Harness <small class="text-warning">29th Mar @8:30am</small></div>
                        <p class="no-margin">
                          Mechnologies incentivize virtual standards-compliant architectures empower..
                        </p>
                      </div>
                    </div>

                    <div class="left">
                      <div class="l-arrow"></div>
                      <div class="about-task">
                        <div class="header">Mechnologies <small class="text-info">27th Mar @4: 50am</small></div>
                        <p class="no-margin">
                          Metrics; whiteboard standards-compliant architectures engage value. 
                        </p>
                      </div>
                    </div>

                    <div class="right">
                      <div class="r-arrow"></div>
                      <div class="about-task">
                        <div class="header">Engage value <small class="text-error">24th Mar @6pm</small></div>
                        <p class="no-margin">
                          Mechnologies incentivize virtual standards-compliant architectures empower..
                        </p>
                      </div>
                    </div>
                    
                    <div class="left">
                      <div class="l-arrow"></div>
                      <div class="about-task">
                        <div class="header">Harness <small class="text-success">18th Mar @7:06pm</small></div>
                        <p class="no-margin">
                          Metrics; whiteboard standards-compliant architectures engage value. 
                        </p>
                      </div>
                    </div>

                    <div class="right">
                      <div class="r-arrow"></div>
                      <div class="about-task">
                        <div class="header">Double fault <small class="muted">16th Mar @9pm</small></div>
                        <p class="no-margin">
                          Mechnologies incentivize virtual standards-compliant architectures empower..
                        </p>
                      </div>
                    </div>

                    <div class="right">
                      <div class="r-arrow"></div>
                      <div class="about-task">
                        <div class="header">Pull back <small class="text-warning">14th Mar @12am</small></div>
                        <p class="no-margin">
                          Mechnologies incentivize virtual standards-compliant architectures empower..
                        </p>
                      </div>
                    </div>

                    <div class="left">
                      <div class="l-arrow"></div>
                      <div class="about-task">
                        <div class="header">Github<small class="text-info">10th Mar @9:10am</small></div>
                        <p class="no-margin">
                          Metrics; whiteboard standards-compliant architectures engage value. 
                        </p>
                      </div>
                    </div>
                    <div class="left">
                      <div class="l-arrow"></div>
                      <div class="about-task">
                        <div class="header">Starnards<small class="muted">4th Mar @3:30pm</small></div>
                        <p class="no-margin">
                          Metrics; whiteboard standards-compliant architectures engage value. 
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="span4">
              <div class="widget no-margin">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe022;"></span> Tasks
                  </div>
                </div>
                <div class="widget-body">
                  <ul class="tasks">
                    <li>
                      <img src="img/avatar-1.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-info">24</h3>
                        <p class="month">April</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Ubiquitous customized ubiquitous e-business users</h4>
                        <p class="message">
                          Enable impactful niches engage integrateAJAX-enabled robust, "tagclouds mesh orchestrate folksonomies utilize
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-3.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-error">21</h3>
                        <p class="month">April</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Reinvent user-centred authentic schemas initiatives</h4>
                        <p class="message">
                          Holistic impactful syndicate grow beta-test holistic, Cluetrain integrateAJAX-enabled engage.
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-8.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-success">17</h3>
                        <p class="month">April</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Value-added; enable enhance revolutionize.</h4>
                        <p class="message">
                           Iterate; syndicate embrace sticky podcasts engage synergize facilitate bricks-and-clicks envisioneer weblogs.
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-4.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-warning">14</h3>
                        <p class="month">April</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Portals enterprise transition dynamic B2C</h4>
                        <p class="message">
                          Infomediaries infomediaries synergistic models magnetic viral, integrated compelling! 
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-7.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-success">29</h3>
                        <p class="month">March</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Integrate integrate magnetic authentic syndicate.</h4>
                        <p class="message">
                          Seamless podcasts transform enable value best-of-breed, enable customized e-enable relationships
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-6.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-error">23</h3>
                        <p class="month">March</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Rss-capable brand bricks-and-clicks networking addelivery..</h4>
                        <p class="message">
                          E-business aggregate disintermediate remix disintermediate users standards-compliant optimize.
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-5.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-info">19</h3>
                        <p class="month">March</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Interactive, wireless engage, capture, remix.</h4>
                        <p class="message">
                          Mesh efficient web-readiness reintermediate grow dot-com incentivize e-commerce aggregate target innovate.
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-2.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-warning">14</h3>
                        <p class="month">March</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Seamless podcasts transform enable value best-of-breed.</h4>
                        <p class="message">
                          Distributed granular schemas aggregate communities aggregate embrace systems end-to-end beta-test, rich-clientAPIs revolutionary. 
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-4.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-success">08</h3>
                        <p class="month">March</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h4>
                        <p class="message">
                          Reinvent rich-clientAPIs frictionless scale front-end podcasts engage models disintermediate beta-test.
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-2.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-warning">03</h3>
                        <p class="month">March</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Post next-generation reinvent. World-class.</h4>
                        <p class="message">
                          Interfaces benchmark target streamline eyeballs standards-compliant embrace ubiquitous streamline, enhance.
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-8.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-success">28</h3>
                        <p class="month">February</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Extensible morph networks reintermediate capture.</h4>
                        <p class="message">
                          World-class. Interfaces benchmark target streamline eyeballs standards-compliant embrace ubiquitous streamline, enhance.
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-1.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-info">25</h3>
                        <p class="month">February</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Vertical, systems networks utilize capture seize.</h4>
                        <p class="message">
                          Harness e-markets podcasts mindshare, exploit incentivize repurpose strategize, cross-media. 
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-8.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-info">21</h3>
                        <p class="month">February</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Value-added; enable enhance revolutionize.</h4>
                        <p class="message">
                          Seamless podcasts transform enable value best-of-breed, enable customized e-enable relationships integrate integrate magnetic authentic syndicate.
                        </p>
                      </div>
                    </li>
                    <li>
                      <img src="img/avatar-2.png" class="avatar" alt="Avatar" />
                      <div class="message-date">
                        <h3 class="date text-info">18</h3>
                        <p class="month">February</p>
                      </div>
                      <div class="message-wrapper">
                        <h4 class="message-heading">Portals enterprise transition dynamic B2C transition.</h4>
                        <p class="message">
                          Infomediaries infomediaries synergistic models magnetic viral, integrated compelling! 
                        </p>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div> 
        </div>
      </div>
    </div>
    <footer>
      <p class="copyright">&copy; Moon Light Admin 2013</p>
    </footer>

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/jquery-ui-1.8.23.custom.min.js"></script>

    <!-- custom Js -->
    <script src="js/custom.js"></script>
      
  </body>
</html>